<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>列表</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/daterangepicker-bs3.css"/>
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/admin.css"/>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<header id="header">
	<nav class="navbar navbar-default container-fluid">
	    <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand logo admin" href="#"><img src="../../Content/images/logo_admin.png" /></a>
	        </div>
	    
	        <!-- Collect the nav links, forms, and other content for toggling -->
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			  <ul class="nav navbar-nav">
				<li class="active"><a href="#">工作桌面</a></li>
				<li><a href="#">职位管理</a></li>
				<li><a href="#">客户管理</a></li>
				<li><a href="#">合同管理</a></li>
				<li><a href="#">员工管理</a></li>
				<li><a href="#">日志管理</a></li>
				<li><a href="#">系统设置</a></li>
			  </ul>
	          
	          <ul class="nav navbar-nav navbar-right">
	            <li class="dropdown">
	              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-user"></span>张先生<span class="caret"></span></a>
	              <ul class="dropdown-menu" role="menu">
	                    
	                    <li><a href="#"><span class="glyphicon glyphicon-cog"></span> 账户设置</a></li>
	                <li><a href="#"><span class="icon-sitemap mr_5"></span> 团队管理</a></li>
	                <li><a href="#"><span class="glyphicon glyphicon-question-sign"></span> 帮助中心</a></li>
	                <li class="divider"></li>
	                <li><a href="#"><span class="glyphicon glyphicon-off"></span> 退出</a></li>
	              </ul>
	            </li>
	          </ul>
	        </div><!-- /.navbar-collapse -->
	    </div><!-- /.container-fluid -->
	</nav>
</header>
<div class="main">
	<div class="main-left" id="mainLeft">
        <div class="menu-title">
            <span>功能菜单</span>
            <div id="menu-collapse" class="menu-collapse"  data-open="open" ><i class="icon-double-angle-left"></i></div>
        </div>
        <ul id="mymenu" class="mymenu">
			<li class="active">
			    <a href="#">
			        <i class="glyphicon glyphicon-th-large"></i>
			        <span>首页</span>
			    <b class="icon-angle-down"></b><b class="icon-angle-down"></b></a>
			</li>
			<li class="">
			    <a href="#"><i class="glyphicon glyphicon-th-large"></i><span>系统操作</span><b class="icon-angle-down"></b></a>
				<ul class="submenu">
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="">
					        <span>系统操作</span>
					    </a>
					</li>
				</ul>
			</li>
			<li class="">
			    <a href="#"><i class="glyphicon glyphicon-th-large"></i><span>系统操作</span><b class="icon-angle-down"></b></a>
				<ul class="submenu">
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="">
					        <span>系统操作</span>
					    </a>
					</li>
				</ul>
			</li>
			<li class="">
			    <a href="#"><i class="glyphicon glyphicon-th-large"></i><span>系统操作</span><b class="icon-angle-down"></b></a>
				<ul class="submenu">
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="#">
					        <span>系统操作</span>
					    </a>
					</li>
					<li>
					    <a class="" href="">
					        <span>系统操作</span>
					    </a>
					</li>
				</ul>
			</li>
		</ul>
    </div>
	<div class="main-right container-fluid" id="mainRight">
		<!--
        	作者：595629466@qq.com
        	时间：2015-03-20
        	描述：列表内容
        -->
		<div class="container-fluid">
			<div class="search-bar  form-inline">
				<a class="btn btn-success"><i class="glyphicon glyphicon-plus"></i>新增</a>
				<div class="input-group">
			       	<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
			       	<input type="text" readonly  name="reservation" id="reservation" class="form-control" value="2014-5-22 至 2014-6-21" /> 
			    </div>
				<select class="form-control margin-left-15">
					<option>管理员</option>
					<option>其它成员1</option>
					<option>其它成员2</option>
			     </select>
			     <a class="btn btn-primary pull-right">导出列表</a>
			    
			 </div>
		    <div class="row margin-top-15">
			    <div class="col-md-12 mylist">
			        <table class="table table-hover text-center table-bordered" border="0" cellpadding="0" cellspacing="0">
			            <thead>
			                <tr>
			                    <th>姓名</th>
			                    <th data-order="order">负责职位数
			                    	<i class="caret caret-top caret-grey"></i> 
									<i class="caret caret-down caret-grey"></i>
			                    </th>
			                    <th data-order="order">负责招聘人数
			                    	<i class="caret caret-top caret-grey"></i> 
									<i class="caret caret-down caret-grey"></i>
			                    </th>
			                    <th  data-order="order">总候选人数
			                    	<i class="caret caret-top caret-grey"></i> 
									<i class="caret caret-down caret-grey"></i>
			                    </th>
			                    <th data-order="order">面试数
			                    	<i class="caret caret-top caret-grey"></i> 
									<i class="caret caret-down caret-grey"></i>
			                    </th>
			                    <th data-order="order">offer数
			                    	<i class="caret caret-top caret-grey"></i> 
									<i class="caret caret-down caret-grey"></i>
			                    </th>
			                    <th data-order="order">入职数
			                    	<i class="caret caret-top caret-grey"></i> 
									<i class="caret caret-down caret-grey"></i>
			                    </th>
			                </tr>
			            </thead>
			            <tbody>
			                <tr>
			                    <td>李淼可</td>
			                    <td><a href="#">1</a></td>
			                    <td>1</td>
			                    <td>1</td>
			                    <td>1</td>
			                    <td>1</td>
			                    <td>1</td>
			                </tr>
			                <tr>
			                    <td>李淼可</td>
			                    <td><a href="#">1</a></td>
			                    <td>1</td>
			                    <td>1</td>
			                    <td>1</td>
			                    <td>1</td>
			                    <td>1</td>
			                </tr>
			            </tbody>
			        </table>
			    </div>
			</div>
		</div>
		<!--
        	作者：595629466@qq.com
        	时间：2015-03-20
        	描述：分页条
        -->
        <div  class="container-fluid">
        	<div class="page-bar">
				<div class="pull-left">总共: 2,555 条结果</div>
				<nav class="pull-right">
				  <ul class="pagination">
				    <li>
				      <a href="#" aria-label="Previous">
				        <span aria-hidden="true">&laquo;</span>
				      </a>
				    </li>
				    <li class="active"><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li>
				      <a href="#" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
				  </ul>
				</nav>
			</div>
        </div>
	</div>
</div>


<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/moment.js"></script>
<script src="../../Scripts/daterangepicker.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script src="../../Scripts/admin.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		
		
		//时间段选择插件调用
		$('#reservation').daterangepicker(null, function(start, end, label) {
			console.log(start.toISOString(), end.toISOString(), label);
		});
		
		//表格排序
		$("[data-order='order']").click(function(){
			$(this).order("desc");
		//	$(this).order("asc");  正序
			$.alert("倒序排序，使用方法 : $().order('desc')")
		});
		
	})
</script>
</body>
</html>
